<template>
  <div class="s-my">
    <!-- <div @click="changWord">修改密码</div> -->
    <div class="my-header">
      <div class="info-content info-img">
        <dsfimg :src="userImg" />
        <p>
          <!-- <el-button size="small">修改头像</el-button> -->
          <!-- <el-button size="small">修改资/料</el-button> -->
          <el-button size="small" @click="changWord">修改密码</el-button>
        </p>
      </div>
      <div class="info-content info-text">
        <h6>
          <span>昵称</span>
          <i>{{ nickname }}</i>
        </h6>
        <h6>
          <span>手机号</span>
          <i>15822221111</i>
        </h6>
        <h6>
          <span>真实姓名</span>
          <i>东东</i>
        </h6>
        <h6>
          <span>性别</span>
          <i>男</i>
        </h6>
        <h6>
          <span>所在城市</span>
          <i>成都</i>
        </h6>
        <h6>
          <span>个人介绍</span>
          <i>少熬夜，多运动，记得笑</i>
        </h6>
      </div>
    </div>
  </div>
</template>
<script setup>
import userImg from "@/assets/imgs/pc/default/teacher1.png";
import emitter from "@/common/bus";
import { ref } from "vue";

// 发送发，调用兄弟组件
const changWord = () => {
  emitter.emit("changeW", "修改密码");
};

let nickname = ref("");
nickname.value = su.cook.getcookie("username");
</script>
